<!DOCTYPE html>
<style>td { width: 50px; height: 20px }</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  col.remove();
  var new_col = document.createElement('col');
  new_col.style.background = 'green';
  colgroup.insertBefore(new_col, colgroup.firstChild);
}
onload = runRepaintAndPixelTest;
</script>
<p style="height: 50px">
Tests repaint of table sections when a col is replaced.
Passes if there are 3 green rectangles without red.
</p>
<table>
  <colgroup id="colgroup">
    <col id="col" style="background: red">
  </colgroup>
  <thead><tr><td></td></tr></thead>
  <tbody><tr><td></td></tr></tbody>
  <tfoot><tr><td></td></tr></tfoot>
</table>
